.container {
    width: 100%;
    height: 100%;
    color: #fff;

    /* 公共变量样式 */
    h2 {
        font-size: 35px;
    }

    .top {
        width: 100%;
        height: 6%;
        text-align: center;
        /* background-color: #0c5084; */

        h1 {
            width: 100%;
            height: 70px;
            font-size: 70px;
            line-height: 70px;
            /* background-color: #fce; */
            background-image: url('../assets/images/1.png');
            background-repeat: no-repeat;
            background-size: 40% 30%;
            background-position: bottom;
        }

    }

    .content {
        width: 100%;
        height: 89%;
        display: flex;
        margin-bottom: 200px;

        .content1 {
            width: 20%;
            height: 100%;
            margin-right: 10px;

            /* 监管数据 */
            .Supervision {
                width: 100%;
                height: 15%;
                display: flex;
                margin-bottom: 10px;
                font-size: 30px;

            }

            /* 监管分布表 */
            .Distribution {
                width: 100%;
                height: 42%;
                display: flex;
                margin-bottom: 10px;

                .Distribution1 {
                    width: 49%;
                    height: 100%;
                    background-color: rgba(37, 74, 184, 0.3);
                    margin-right: 10px;
                }

                .Distribution2 {
                    width: 49%;
                    height: 100%;
                    background-color: rgba(37, 74, 184, 0.3);
                }
            }

            /*  实时数 */
            .Real {
                width: 100%;
                height: 40%;
                background-color: rgba(37, 74, 184, 0.3);
            }
        }

        .content2 {
            width: 26%;
            height: 100%;
            margin-right: 10px;

            .Data {
                width: 100%;
                height: 15%;
                margin-bottom: 10px;
                display: flex;

                .Data1 {
                    width: 33%;
                    height: 100%;
                    background-color: rgba(37, 74, 184, 0.3);
                    margin-right: 10px;
                }

                .Data2 {
                    width: 33%;
                    height: 100%;
                    background-color: rgba(37, 74, 184, 0.3);
                    margin-right: 10px;
                }

                .Data3 {
                    width: 33%;
                    height: 100%;
                    background-color: rgba(37, 74, 184, 0.3);
                }

            }

            .Map {
                width: 100%;
                height: 83%;
                background-color: rgba(37, 74, 184, 0.3);
            }
        }

        .content3 {
            width: 54%;
            height: 100%;

            /* 车数，税收 */
            .TableMap {
                width: 100%;
                height: 83%;
                margin-top: 10px;
                display: flex;

                .TableMap1 {
                    width: 31%;
                    height: 100%;
                    margin-right: 10px;

                    .tax {
                        width: 100%;
                        height: 55%;
                        background-color: rgba(37, 74, 184, 0.3);
                        display: flex;

                        .tax1 {
                            width: 52%;
                            height: 100%;
                            margin-right: 10px;
                        }

                        .tax2 {
                            width: 45%;
                            height: 100%;
                        }
                    }

                    .video {
                        width: 100%;
                        height: 43%;
                        background-color: rgba(37, 74, 184, 0.3);
                        margin-top: 10px;

                        .video1 {
                            width: 49%;
                            height: 100%;
                            margin-right: 10px;
                        }

                        .video2 {
                            width: 49%;
                            height: 100%;
                        }
                    }
                }

                .TableMap2 {
                    width: 44%;
                    height: 100%;
                    background-color: rgba(37, 74, 184, 0.3);
                    margin-right: 10px;
                }

                .TableMap3 {
                    width: 25%;
                    height: 100%;

                    /* 企业图 */
                    .Enterprise {
                        width: 100%;
                        height: 58%;
                        background-color: rgba(37, 74, 184, 0.3);
                        margin-bottom: 10px;
                    }

                    /* 矿种 */
                    .Mineral {
                        width: 100%;
                        height: 40%;
                        background-color: rgba(37, 74, 184, 0.3);
                    }
                }
            }
        }
    }

    .footer {
        width: 100%;
        height: 6%;
    }
}